<template>
	<view class="allqb" style="overflow: hidden;background-color: #eee;">
		<view>
			<!-- 头像信息 -->
			<view class="avatar">

				<view style="height: 134rpx;padding-top: 62rpx;padding-left: 10px;">
					<image style="width: 260rpx;height: 90rpx;" src="/static/image/logo.png" mode="aspectFit" />
				</view>
				<view style="padding: 10px;display: flex;justify-content: space-between;">
					<u-avatar :src="avatarUrl" style="width: 55px;" :size="100" @click="userInfo"></u-avatar>
					<view @click="userInfo"
						style="margin-left: 10px;display: flex;flex-direction: column;justify-content: space-around;flex: 1;color: #fff;">
						<view>{{vuex_user.userName}}</view>
						<!-- <view>{{vuex_user.loginCode}}</view> -->
					</view>

					<view style=" text-align: center; width: 200px;">
						<u-form class="form bg-white" style="background-color: transparent;" :model="model" ref="uForm"
							label-position="left">
							<js-select :childName="'None'" :showFilter="true" v-model="model.code" :items="selectList"
								placeholder="请选择门店" :tree="false" :label-value="model.name" :flag="true"
								@label-input="model.name = $event" @confirm="selectConfirm">
							</js-select>
						</u-form>
						<!-- <u-form class="form bg-white" :model="model" ref="uForm" label-position="left">
						<js-select :model="model.code" :items="selectList" placeholder="请选择门店" :tree="false"
							:label-value="model.name" @label-input="model.name = $event" @confirm="selectConfirm"></js-select>
						</u-form> -->
					</view>
				</view>
			</view>

			<view v-for="(item1,index1) in areaList" :key="index1">
				<!-- 轮播图 -->
				<view v-if="item1.areaType == '1'" class="header" style="padding: 10px 10px;background-color: #fff;">
					<swiper class="swiper-box" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
						indicator-active-color="#ffffff" :duration="duration">
						<swiper-item v-for="(item, index) in item1.picList" :key="index">
							<view class="swiper-item" @click="notice(item)">
								<!-- mode="aspectFill" -->
								<image class="image" :src="baseUrl + item.picUrl" mode="widthFix" />
							</view>
						</swiper-item>
					</swiper>
				</view>
				<!-- 产品系列 -->
				<swiper style="background-color: #fff;" v-if="item1.areaType == '2'" class="swipe"
					:indicator-dots="false" :autoplay="autoplay" circular interval=4000>
					<swiper-item v-for="(item,index) in item1.proClsList" :key="index">
						<view class="swpierBox">
							<view v-for="(item2,index2) in item" :key="index2" @click="series(item2,index2)">
								<image :src="baseUrl + item2.proCls.picUrl" mode="aspectFit" />
								<text> {{item2.proCls.name}} </text>
							</view>
						</view>
					</swiper-item>

				</swiper>
				<!-- <swiper style="background-color: #fff;" v-if="item1.areaType == '2'" previous-margin="0" next-margin="562.5rpx" @change="swiperchange" :current="current" :indicator-dots="false"  autoplay :circular="true" :interval="3000" :duration="1000">
				       <swiper-item v-for="(item,index) in item1.proClsList" :key="index">
				           <view   :class="['swiperitems',index==current ? 'active' : '']">
				               <view class="swpierBox">
				               <view >	<image :src="baseUrl + item.proCls.picUrl" mode="aspectFit" />
				               	<text> {{item.proCls.name}} </text></view>
				               </view>
				           </view>
				       </swiper-item>
				   </swiper> -->


				<!-- 促销-->
				<view v-if="item1.areaType == '3'">

					<view>
						<view v-for="(item,index) in item1.sellList" :key="index" @click="sellDetails(item)"
							class="basInv" style="width: 100%;height: 830rpx;font-size: 14px;margin-top: 10px;padding: 40rpx 32rpx;
							">
							<!-- background: url('/static/image/homeBg.jpg') no-repeat center;background-size: 100%; -->
							<view style="width: 100%;height: 550rpx;padding-top: 54rpx;">
								<view style="width: 100%;height: 496rpx;padding: 10rpx 54rpx 0;overflow: hidden;">
									<image style="width: 100%;" mode="aspectFit"
										:src="item.proSell.picUrl?baseUrl + item.proSell.picUrl:''">
									</image>
								</view>

							</view>
							<view style="width: 100%;height: 200rpx;padding: 20rpx;font-weight:900">
								<view style="font-size: 38rpx;font-weight:900;
								display: -webkit-box;
								-webkit-box-orient: vertical; 
								-webkit-line-clamp: 1; 
								overflow: hidden; 
								text-overflow: ellipsis;">
									{{item.proSell.abbName}}
								</view>
								<view style="margin: 10rpx 0;">
									<!-- 1{{item.shopInv.basInv.appUnitName}}起订 -->
									起订量:{{item.proSell.moq?item.proSell.moq:'1'}}
								</view>
								<view style="display: flex;justify-content: space-between;">
									<!-- <view class="">
										￥<text
											style="font-size: 44rpx;font-weight:900">{{ item.proSell.fprice?item.proSell.fprice:'暂无单价' }}</text>
										<text>/{{item.proSell.unitName}}</text>
										<text
											style="color: #aaa;text-decoration: line-through;">（原价:￥{{ item.proSell.basInv.appPrice?item.proSell.basInv.appPrice:'暂无单价' }}/{{item.proSell.unitName}})</text>
									</view> -->
									<view v-if="item.proSell.fprice" style="font-size: 26rpx;">
										￥<text
											style="font-size: 44rpx;font-weight:900;color: #ffaa00;">{{ item.proSell.fprice}}</text>
										<text>/{{item.proSell.unitName}}</text>
										<text v-if="item.proSell.orgPrice"
											style="color: #aaa;text-decoration: line-through;">
											<!-- （原价:￥{{ item.proSell.basInv.appPrice}}/{{item.proSell.unitName}}) -->
											（原价:￥{{ item.proSell.orgPrice}}/{{item.proSell.unitName}})
										</text>
										<text v-if="!item.proSell.orgPrice"
											style="color: #aaa;text-decoration: line-through;">
											（原价: 暂无单价)
										</text>
									</view>
									<view v-if="!item.proSell.fprice" style="color: #ffaa00;">
										<text style="font-size: 44rpx;font-weight:900">暂无单价</text>

									</view>
									<view>
										<text style="color: #fff;background-color: #ffaa00; padding: 12rpx 30rpx;font-size: 24rpx;
											 border-radius: 28rpx;display: inline-block;">
											立即购买 >
										</text>
									</view>
								</view>
							</view>
						</view>




						<!-- <view style="display: flex; flex-wrap: wrap; justify-content: space-between;">
							<view v-for="(item,index) in item1.sellList" :key="index" @click="sellDetails(item)"
								style="width: 49%; background-color: #fff;margin-bottom: 10px;font-size: 14px;border-radius: 10px;">
								<image style="width: 100%;height: 150px;border-radius: 10px; "
									:src="baseUrl + item.proSell.picUrl"></image>
								<view style="padding: 5px;">
									<view style="font-weight: bold;font-size: 14px;margin-bottom: 5px;">
										{{item.proSell.abbName}}
									</view>
									<view style="margin: 5px 0;display: flex;justify-content: space-between;">
										<view
											style="display: inline-block;background:  bisque ;padding: 5px;color: #ff874b;border-radius: 5px;">
											起订量:{{item.proSell.moq?item.proSell.moq:'1'}}</view>
										<u-icon name="shopping-cart" :size="50" color="#1296db"></u-icon>
									</view>
									<view>
										<text
											style="color: red;font-size: 20px;">￥{{item.proSell.fprice?item.proSell.fprice:'暂无单价'}}</text>
										<text>/{{item.proSell.unitName}}</text>
									</view>
									<view class="">
										<text
											style="color: #aaa;text-decoration: line-through;">（原价:￥{{ item.proSell.basInv.appPrice?item.proSell.basInv.appPrice:'暂无单价' }}/{{item.proSell.unitName}})</text>
									</view>
								</view>

							</view>

						</view> -->
					</view>
				</view>

				<!-- 存货-->
				<view v-if="item1.areaType == '4'">
					<!-- style="padding: 10px;" -->
					<!-- <image style="width: 100%;" src="/static/image/xp.jpg" mode="widthFix"></image> -->
					<view>
						<view>
							<view v-for="(item,index) in item1.invList" :key="index" @click="jumpDetails(item)"
								class="basInv" style="width: 100%;height: 830rpx;font-size: 14px;margin-top: 10px;padding: 40rpx 32rpx;
								">
								<!-- background: url('/static/image/homeBg.jpg') no-repeat center;background-size: 100%; -->
								<view style="width: 100%;height: 550rpx;padding-top: 54rpx;">
									<view style="width: 100%;height: 496rpx;padding: 10rpx 54rpx 0;overflow: hidden;">
										<image style="width: 100%;" mode="aspectFit"
											:src="item.shopInv.basInv.picUrl?baseUrl + item.shopInv.basInv.picUrl:''">
										</image>
									</view>

								</view>
								<view style="width: 100%;height: 200rpx;padding: 20rpx;font-weight:900">
									<view style="font-size: 38rpx;font-weight:900;
									display: -webkit-box;
									-webkit-box-orient: vertical; 
									-webkit-line-clamp: 1; 
									overflow: hidden; 
									text-overflow: ellipsis;">
										{{item.shopInv.basInv.cinvname}}
									</view>
									<view style="margin: 10rpx 0;">
										1{{item.shopInv.basInv.appUnitName}}起订
									</view>
									<view style="display: flex;justify-content: space-between;">
										<view v-if="item.shopInv.basInv.appPrice">
											￥<text
												style="font-size: 44rpx;font-weight:900;color: #ffaa00;">{{ item.shopInv.basInv.appPrice}}</text>
											<text>/{{item.shopInv.basInv.appUnitName}}</text>
										</view>
										<view v-if="!item.shopInv.basInv.appPrice">
											<text style="font-size: 44rpx;font-weight:900;color: #ffaa00;">暂无单价</text>

										</view>
										<view>
											<!-- position: relative;top: -8rpx; -->
											<text style="color: #fff;background-color: #ffaa00; padding: 12rpx 30rpx;font-size: 24rpx;
												 border-radius: 28rpx;display: inline-block;">
												立即购买 >
											</text>
										</view>

									</view>
								</view>
							</view>

						</view>
					</view>
				</view>

				<!-- 标题-->
				<!-- mode="aspectFit" style="width: 100%;margin-top: 10px;"-->
				<view v-if="item1.areaType == '5'" @click="titlejump(item1)" :style="{width: '100%',marginTop: index1==0?'0':'10px',}">
					<image style="width: 100%;" :src="baseUrl + item1.picUrl" mode="widthFix"></image>
				</view>
				<!-- 底部-->
				<view v-if="item1.areaType == '99'" @click="titlejump(item1)" :style="{width: '100%',marginTop: index1==0?'0':'10px',}">
					<image style="width: 100%;" mode="widthFix" :src="baseUrl + item1.picUrl"></image>
				</view>
			</view>



		</view>

	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				triggered: false,
				current: 1,
				// 直播轮播图列表
				imageList: [
					'https://www.mnbtdm.com/upload/images/2023/8/6226ab5520ea114f.png',
					'https://www.mnbtdm.com/upload/images/2023/8/2f311e9fefcd6671.png',
					'https://www.mnbtdm.com/upload/images/2023/4/7635c36eee08f781.png',
					'https://www.mnbtdm.com/upload/images/2023/8/6226ab5520ea114f.png',
					'https://www.mnbtdm.com/upload/images/2023/8/8ae98aca9c125dfc.png',
					'https://www.mnbtdm.com/upload/images/2023/8/31eeb699d9a518c5.jpg',
					'https://www.mnbtdm.com/upload/images/2023/8/e0a4a66f99b018ca.jpg',



					'https://www.mnbtdm.com/upload/images/2023/8/6226ab5520ea114f.png',
					'https://www.mnbtdm.com/upload/images/2023/8/2f311e9fefcd6671.png',
					'https://www.mnbtdm.com/upload/images/2023/4/7635c36eee08f781.png',
					'https://www.mnbtdm.com/upload/images/2023/8/6226ab5520ea114f.png',
					// 添加更多图片URL
				],
				liveSwiperList: [
					[{
						txt: "VC系列",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/6226ab5520ea114f.png")
					}, {
						txt: "益生菌系列 ",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/2f311e9fefcd6671.png")
					}, {
						txt: "山药粉系列",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/4/7635c36eee08f781.png")
					}, {
						txt: "羊奶粉系列",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/8ae98aca9c125dfc.png")
					}],
					[{
						txt: "旅游 ",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/31eeb699d9a518c5.jpg")
					}, {
						txt: "产品特点 ",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/e0a4a66f99b018ca.jpg")
					}, {
						txt: "VC系列",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/6226ab5520ea114f.png")
					}, {
						txt: "益生菌系列 ",
						imgUrl: ("https://www.mnbtdm.com/upload/images/2023/8/2f311e9fefcd6671.png")
					}],
				],
				model: {},
				selectList: [],
				text: '无头像',
				userNickName: '微信用户',
				userAvatar: '',
				// show: true,
				tar: {
					color: '#07A7E3',
					id: 0,
				}, //向子组件发送的值

				indicatorDots: true,
				autoplay: true,
				interval: 5000, //切换的间隔时间
				duration: 500, //滑动动画时长

				info: [{
						colorClass: 'uni-bg-red',
						url: 'https://www.mnbtdm.com/upload/images/2023/8/31eeb699d9a518c5.jpg',

					},
					{
						colorClass: 'uni-bg-green',
						url: 'https://www.mnbtdm.com/upload/images/2023/8/e0a4a66f99b018ca.jpg',

					},
					{
						colorClass: 'uni-bg-blue',
						url: 'https://www.mnbtdm.com/upload/images/2023/8/58abc74c60ac8c4c.jpg',

					},
					{
						colorClass: 'uni-bg-blue',
						url: 'https://www.mnbtdm.com/upload/images/2023/8/c0e837336247bb4b.jpg',

					}, {
						colorClass: 'uni-bg-blue',
						url: 'https://www.mnbtdm.com/upload/images/2023/8/58abc74c60ac8c4c.jpg',

					}
				],

				info2: [{
						colorClass: 'uni-bg-red',
						url: '/static/image/6.png',

					},

				],
				info3: [{
					colorClass: 'uni-bg-red',
					url: '/static/image/7.png',
				}, ],

				box: false,
				carVenSelectList: [],
				cWhType: '',
				areaList: [],
				baseUrl: '',
			}
		},
		computed: {
			...mapState(['vuex_basCus']),
			avatarUrl() {

				let url = this.vuex_user.avatarUrl || '/ctxPath/static/images/user1.jpg';
				url = url.replace('/ctxPath/', this.vuex_config.baseUrl + '/');
				return uni.getStorageSync('wxavatarUrl') || url + '?t=' + new Date().getTime();
			}
		},
		onShow: function() {
			// 设置底部导航栏角标
			uni.setTabBarBadge({
				index: 2,
				text: this.vuex_cartList + ''
			});
			if (!this.vuex_cartList) {
				uni.removeTabBarBadge({
					index: 2
				});
			}
			this.$u.api.shop.findUserCusList({
					userCode: this.vuex_user.userCode
				})
				.then(res => {
					this.selectList = res.map(item => {
						item.basCus.value = item.basCus.code
						return item.basCus
					})
					console.log(this.selectList, '=========');
					// this.selectList = this.selectList.map(item => {
					// 	item.value = item.code;
					// 	return item
					// })
				});

		},

		onLoad() {
			
			this.listData()
			console.log(this.vuex_basCus, '=====111');
			//购物车角标
			this.baseUrl = this.vuex_config.baseUrl
			this.model = this.vuex_basCus
			
			



			this.$u.api.shop.homeForm()
				.then(res => {
					this.areaList = res.areaList.map(item => {
						if (item.areaType == '2') {
							item.proClsList = this.groupArray(item.proClsList)
							if (item.proClsList[item.proClsList.length - 1].length != '4' && item.proClsList
								.length != '1') {
								let num = 4 - item.proClsList[item.proClsList.length - 1].length
								let newarr = item.proClsList[0].slice(0, num)
								item.proClsList[item.proClsList.length - 1] = [
									...item.proClsList[item.proClsList.length - 1],
									...newarr
								]
							}
						}
						return item
					})

				});

			this.$u.api.shop.findUserCusList({
					userCode: this.vuex_user.userCode
				})
				.then(res => {
					this.selectList = res.map(item => {
						item.basCus.value = item.basCus.code
						return item.basCus
					})
					console.log(this.selectList, '=========');
					// this.selectList = this.selectList.map(item => {
					// 	item.value = item.code;
					// 	return item
					// })
				});
		},
		methods: {
			onPullDownRefresh() {
				this.$u.api.shop.homeForm()
					.then(res => {
						this.areaList = res.areaList.map(item => {
							if (item.areaType == '2') {
								item.proClsList = this.groupArray(item.proClsList)
								if (item.proClsList[item.proClsList.length - 1].length != '4' && item
									.proClsList
									.length != '1') {
									let num = 4 - item.proClsList[item.proClsList.length - 1].length
									let newarr = item.proClsList[0].slice(0, num)
									item.proClsList[item.proClsList.length - 1] = [
										...item.proClsList[item.proClsList.length - 1],
										...newarr
									]
								}
							}
							return item
						})
						uni.stopPullDownRefresh(); //停止刷新
						this.$u.toast('刷新成功！');
					});

			},
			async refresherrefresh() {
				console.log(22222);
				this.triggered = true

			},
			swiperchange(e) {
				this.current = e.detail.current
			},
			listData() {
				this.$u.api.shop.cartListData({
						cusCode: this.vuex_basCus.code,
						createBy: this.vuex_user.userCode,
					})
					.then(res => {
						let listArr = []
						for (let key in res) {
							res[key].forEach(item => {
								listArr.push(item)
							})
						}
						this.$store.commit("modifyCartList", listArr.length)
					});
			},
			async selectConfirm() {
				// console.log(this.model);
				// console.log(22222222);
				// if(!this.model.code || this.model.code == 'null'){
				// 	console.log(this.vuex_basCus);
				// 	this.model.name = this.vuex_basCus.name
				// 	this.model.code = this.vuex_basCus.code
				// 	this.$u.toast("请先选择门店！");
				// 	return false
				// }
				await this.$u.api.shop.switchCus({
						cusCode: this.model.code
					})
					.then(res => {
						if (res.result == 'true') {
							// this.$store.commit("modifyBasCus",this.model)
							this.$u.vuex('vuex_basCus', this.model);
							this.listData()
							this.areaList = []
							this.$u.api.shop.homeForm()
								.then(res => {
									this.areaList = res.areaList.map(item => {
										if (item.areaType == '2') {
											item.proClsList = this.groupArray(item.proClsList)
											if (item.proClsList[item.proClsList.length - 1].length !=
												'4' && item.proClsList.length != '1') {
												let num = 4 - item.proClsList[item.proClsList.length -
													1].length
												let newarr = item.proClsList[0].slice(0, num)
												item.proClsList[item.proClsList.length - 1] = [
													...item.proClsList[item.proClsList.length - 1],
													...newarr
												]
											}
										}
										return item
									})
								});

						} else {
							this.model = this.vuex_basCus
						}
						this.$u.toast(res.message);
						console.log(res, 'res=======');
					});
			},
			groupArray(arr) {
				let groupedArr = [];
				for (let i = 0; i < arr.length; i += 4) {
					groupedArr.push(arr.slice(i, i + 4));
				}
				return groupedArr;
			},
			userInfo() {
				uni.navigateTo({
					url: '/pages/btdm/index/user/userInfo',
				})
			},
			titlejump(data) {
				// 外部地址
				if (data.busType == '0') {
					uni.navigateTo({
						url: data.jumpUrl,
					})
				}
				// 促销活动
				if (data.busType == '1') {
			
					uni.navigateTo({
						url: '/pages/btdm/index/order/sellDetails?id=' + data.busKey,
					})
					// this.$u.api.shop.sellSetData({id:data.busKey})
					// 	.then(res => {
					// 		console.log(res);
					// 	});
				}
				// 产品详情
				if (data.busType == '2') {
					uni.navigateTo({
						url: '/pages/btdm/index/order/orderDetails?item=' + JSON.stringify({
							id: data.busKey
						}),
					})
				}
				// 产品系列
				if (data.busType == '3') {
					uni.navigateTo({
						url: '/pages/btdm/index/order/search?title=' + data.name + '&clsCode=' + data.code,
					})
				}
				// 通告主页
				if (data.busType == '4') {
					uni.navigateTo({
						url: '/pages/btdm/index/notice/notice',
					})
				}
				// 通告详情
				if (data.busType == '5') {
			
					this.$u.api.shop.noticeSetData({
						id: data.busKey
					}).then(resp => {
						console.log(resp);
						uni.navigateTo({
							url: '/pages/btdm/index/notice/noticeDetails',
							success: function(res) {
								// 通过eventChannel向被打开页面传送数据
								// 其中含有两个参数，第一个是接收的函数名，第二个则是需要携带的参数
								res.eventChannel.emit('acceptDataFromOpenerPage', resp)
							}
						})
					})
			
			
					// this.$u.api.shop.noticeList({ctitle:data.busName}).then(resp => {
					// 	uni.navigateTo({
					// 		url: '/pages/btdm/index/notice/noticeDetails',
					// 		success: function(res) {
					// 		   // 通过eventChannel向被打开页面传送数据
					// 		   // 其中含有两个参数，第一个是接收的函数名，第二个则是需要携带的参数
					// 		   res.eventChannel.emit('acceptDataFromOpenerPage', resp.list[0])
					// 		 }
					// 	})
					// })
				}
				console.log(data);
			
			},
			notice(data) {
				// 外部地址
				if (data.busType == '0') {
					uni.navigateTo({
						url: data.jumpUrl,
					})
				}
				// 促销活动
				if (data.busType == '1') {

					uni.navigateTo({
						url: '/pages/btdm/index/order/sellDetails?id=' + data.busKey,
					})
					// this.$u.api.shop.sellSetData({id:data.busKey})
					// 	.then(res => {
					// 		console.log(res);
					// 	});
				}
				// 产品详情
				if (data.busType == '2') {
					uni.navigateTo({
						url: '/pages/btdm/index/order/orderDetails?item=' + JSON.stringify({
							id: data.busKey
						}),
					})
				}
				// 产品系列
				if (data.busType == '3') {
					uni.navigateTo({
						url: '/pages/btdm/index/order/search?title=' + data.name + '&clsCode=' + data.code,
					})
				}
				// 通告主页
				if (data.busType == '4') {
					uni.navigateTo({
						url: '/pages/btdm/index/notice/notice',
					})
				}
				// 通告详情
				if (data.busType == '5') {

					this.$u.api.shop.noticeSetData({
						id: data.busKey
					}).then(resp => {
						console.log(resp);
						uni.navigateTo({
							url: '/pages/btdm/index/notice/noticeDetails',
							success: function(res) {
								// 通过eventChannel向被打开页面传送数据
								// 其中含有两个参数，第一个是接收的函数名，第二个则是需要携带的参数
								res.eventChannel.emit('acceptDataFromOpenerPage', resp)
							}
						})
					})


					// this.$u.api.shop.noticeList({ctitle:data.busName}).then(resp => {
					// 	uni.navigateTo({
					// 		url: '/pages/btdm/index/notice/noticeDetails',
					// 		success: function(res) {
					// 		   // 通过eventChannel向被打开页面传送数据
					// 		   // 其中含有两个参数，第一个是接收的函数名，第二个则是需要携带的参数
					// 		   res.eventChannel.emit('acceptDataFromOpenerPage', resp.list[0])
					// 		 }
					// 	})
					// })
				}
				console.log(data);

			},
			series(item, index) {
				console.log(item, index);
				uni.navigateTo({
					url: '/pages/btdm/index/order/search?title=' + item.proCls.name + '&code=' + item.proCls.code,
				})
			},
			jumpDetails(item) {
				console.log(item, 'item====');
				uni.navigateTo({
					url: '/pages/btdm/index/order/orderDetails?item=' + JSON.stringify(item.shopInv.basInv),
				})
			},
			sellDetails(item) {
				console.log(item, 'item====');
				uni.navigateTo({
					url: '/pages/btdm/index/order/sellDetails?id=' + item.sellId,
				})
			}
		},
		// options: {
		// 	styleIsolation: 'shared'
		// },

	}
</script>

<style lang="scss" scoped>
	/deep/.u-input__input.data-v-460c1d26 {
		color: #fff;
		// font-size: 20px;
	}

	/deep/.u-icon__icon.data-v-6e20bb40 {
		color: #fff !important;
	}

	.swiperitems {
		// height: 70%;
		// transform: scale(0.8);
		transform: scale(1);
		text-align: center;
		transition: all 0.5s ease-in-out;
		// &.active{
		//     transform: scale(1);
		// }

	}

	page {
		width: 100%;
		height: 100%;
		text-align: center;
		/* overflow: scroll; */
	}

	.avatar {
		background: url('/static/image/homeAvatar.jpg');
	}

	.basInv {
		background-image: url("");
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.content {
		/* text-align: center; */
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.swiper-box {
		/* object-fit: full; */
		min-height: 900rpx;
		border-radius: 10px;
		overflow: hidden;
	}

	.swiper-box2 {
		/* object-fit: full; */
		/* height: 190px; */
		/* max-width:100%; */
		height: 150px;
	}

	.swiper-box3 {
		/* object-fit: full; */
		height: 200px;
		/* max-width: 100%;		 */
	}

	.swiper-item {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		color: #fff;
	}

	.image {
		width: 100%;
		// height: 1000rpx;
		/* object-fit: cover; */
	}

	.image2 {
		width: 750rpx;
		height: 150px;
		/* object-fit: cover; */
		/* object-fit: contain; */
	}

	.image3 {
		/* width: 750rpx;
		height: 1400upx; */
		/* position: fixed;
		object-fit: contain; */
		width: 750rpx;
		height: 200px;
	}

	.action {
		/* position: fixed;
			top:100px;
			z-index: 9999; */
	}

	.warp {
		color: #000000;
	}

	.leftLine {
		width: 20%;
		height: 1px;
		margin-top: -3%;
		background: linear-gradient(244deg, rgba(26, 26, 26, 1.0) 50%, rgba(255, 255, 255, 0) 100%);
	}

	.rightLine {
		width: 20%;
		height: 1px;
		margin-top: -2%;
		background: linear-gradient(244deg, rgba(255, 255, 255, 0) 0%, rgba(26, 26, 26, 1.0) 50%);
	}

	.tag {
		margin-left: 4%;
	}

	/* .custom-style {
		color: #ff0000;
		width: 400rpx;
		background-color:#04639e;;
	} */

	.tag1 {
		margin-left: 5%;
	}

	.swipe {
		height: 240rpx;

		.swpierBox {
			height: 240rpx;
			display: flex;

			view {
				// position: relative;
				display: flex;
				flex-direction: column;
				width: 23%;
				height: 100%;
				margin: 10px;

				image {
					width: 100%;
					height: 180rpx;
				}

				text {
					font-size: 14px;
					text-align: center;

				}


			}
		}
	}
</style>